@charset "UTF-8";
$r:750/16/1rem;
body{
  background-color: #efefef;
}
.c_w{
  width: 680/$r;
  margin: 0 auto;
}
.video_head{
  width: 750/$r;
  background-color: #FFFFFF;
}
.video_cont{
  width: 750/$r;
  height: 422/$r;
  background-color: #CCCCCC;
}
.video_tit{
  font-size: 32/$r;
  color: #333333;
  padding:15/$r 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrap{
  width:750/$r;
  margin-top:30/$r;
  padding: 30/$r 0 60/$r 0;
  background-color: #FFFFFF;
}
.kb_icon{
  width:48/$r;
}
.cour_tit{
  font-size:32/$r;
  color: #333333;
}
.list_w{
  width: 600/$r;
  margin: 0 auto;
}
.cour_type{
  margin: 20/$r 0;
  font-size: 28/$r;
  color: #333333;
}
.cour_list{
  margin-top:30/$r;
  padding-left:30/$r;
  border-left:1px solid #CCCCCC;
}
.cour_list li{
  font-size: 28/$r;
  line-height:68/$r;
  list-style: none;
  color: #666666;
  position: relative;
  text-overflow: ellipsis;
}
.cour_item{

}
.left_circle{
  width:22/$r;
  height:22/$r;
  background-color: #FFFFFF;
  border:2/$r solid #0099FF;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  position: absolute;
  top:23/$r;
  left:-42/$r;
}
.cour_list li:first-child{
  margin-bottom:18/$r;
  line-height:20/$r;
}
.cour_list li:first-child span{
  top: 0;
}
.cour_list li:last-child{
  margin-top:18/$r;
  line-height:20/$r;
}
.cour_list li:last-child span{
  top: -1/$r;
}
.list_act{
  color: #0099FF!important;
  font-weight: bold;
}